.page{
  padding-bottom: px(70);
  box-sizing: border-box;
  .s2{
    .btn-reset{
      display: block;
      padding: 0 px(10);
      height: px(28);
      line-height: px(28);
      text-align: center;
      border: solid px(1) $color-primary;
      color: $color-primary;
      border-radius: px(28);
      font-size: px(14);
    }
    .item{
      position: relative;
      padding: px(15) px(15) px(15) 0;
      display: flex;
      align-items: center;
      &:after{
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: px(90);
        border-bottom: dashed px(1) #f1f1f1;
      }
      &:last-child:after{
        border-bottom: 0;
      }
      .icon-1{
        padding: 0 px(5) 0 px(10);
        width: px(16);
        height: px(16);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(-25.000000, -312.000000)' fill-rule='nonzero'%3E %3Cg transform='translate(25.000000, 312.000000)'%3E %3Crect fill='%23000000' opacity='0' x='0' y='0' width='16' height='16'%3E%3C/rect%3E %3Cpath d='M7.31616563,3.00009641 L7.31616563,12.52364 L7.30407106,12.6091081 C7.28688406,12.7157067 7.26969706,12.7377834 7.17516854,12.8604664 L7.06822719,12.9184964 C6.83079193,13.0440178 6.79546309,13.0244642 6.4953271,12.8604664 L3,9.39443515 L3.67538556,8.72582859 L6.36133214,11.3889012 L6.36133214,3.00009641 L7.31616563,3.00009641 Z M10.5530511,3.14800984 L14,6.56515708 L13.3246144,7.23407903 L10.6386679,4.57100646 L10.6386679,12.9598112 L9.68383437,12.9598112 L9.68383437,3.50470513 C9.68383437,3.30054401 9.8079236,3.11647964 9.99829228,3.03838777 C10.1886609,2.96029591 10.4077605,3.00356584 10.5533694,3.14800984 L10.5530511,3.14800984 Z' fill='%23433C3C'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
      }
      &.sortable-ghost{
        opacity: 0;
      }
      .img{
        margin-right: px(10);
        position: relative;
        width: px(80);
        height: px(80);
        overflow: hidden;
        border-radius: px(4);
        .tag{
          position: absolute;
          top: px(-20);
          left: px(-20);
          display: flex;
          align-items: flex-end;
          justify-content: center;
          width: px(40);
          height: px(40);
          text-align: center;
          background: $color-primary;
          color: #fff;
          font-size: px(14);
          transform: rotate(-45deg);
          span{
            position: relative;
            top: px(2);
            display: block;
            transform: rotate(45deg);
          }
        }
        img{
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      .p1{
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }
      .p2{
        margin-top: px(3);
        height: px(34);
        line-height: px(17);
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: px(12);
        color: $color-gray;
      }
      .p3{
        margin-top: px(5);
        color: #FE8D36;
        span{
          display: block;
          font-size: px(12);
          transform: scale(.83);
          transform-origin: left center;
        }
      }
      .p4{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: px(12);
        .icon{
          width: px(18);
          height: px(18);
          mask-image: url("assets/icon-1.png");
          mask-repeat: no-repeat;
          mask-size: contain;
          mask-position: center;
          background: $color-primary;
        }
        u{
          display: block;
          transform: scale(.83);
        }
      }
    }
  }
  .dialog3{
    .main{
      margin: auto;
      border-radius: px(4) px(4) 0 0;
      max-width: $max-width;
      overflow: hidden;
      ::v-deep .van-picker__confirm{
        color: $color-primary;
      }
    }
  }
}
